<template>
  <a-grid :gutter="20">
    <a-grid-item icon="a-icon-caps-lock" text="测试的" iconColor="#999" @click="feed" />
    <a-grid-item icon="a-icon-caps-lock" text="测试的" iconColor="#999" />
    <a-grid-item icon="a-icon-caps-lock" text="测试的" iconColor="#999" />
    <a-grid-item icon="a-icon-caps-lock" text="测试的" iconColor="#999" />
    <a-grid-item icon="a-icon-caps-lock" text="测试的" iconColor="#999" />
    <a-grid-item icon="a-icon-caps-lock" text="测试的" iconColor="#999" />
    <a-grid-item icon="a-icon-caps-lock" text="测试的" iconColor="#999" />
    <a-grid-item icon="a-icon-caps-lock" text="测试的" iconColor="#999" />
    <a-grid-item icon="a-icon-caps-lock" text="测试的" iconColor="#999" />
    <a-grid-item>nihao</a-grid-item>
  </a-grid>
</template>
<script setup>
const feed = (e) => {
  console.log(e)
};
</script>
<style lang="less" scoped>
::v-deep {
  .a-col::after {
    content: "";
    display: block;
    height: 10px;
    background-color: rgb(164, 234, 255);
  }
}
</style>